aboutsummaryrefslogtreecommitdiffstats
path: root/code/app/src/routes/(main)/(public)/reset-password/[id]
diff options
context:
space:
mode:
Diffstat (limited to 'code/app/src/routes/(main)/(public)/reset-password/[id]')
-rw-r--r--code/app/src/routes/(main)/(public)/reset-password/[id]/+page.svelte41
1 files changed, 22 insertions, 19 deletions
diff --git a/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.svelte b/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.svelte
index 8f817bf..27a1af5 100644
--- a/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.svelte
+++ b/code/app/src/routes/(main)/(public)/reset-password/[id]/+page.svelte
@@ -1,14 +1,15 @@
<script lang="ts">
- import {onMount} from "svelte";
+ import { onMount } from "svelte";
import LL from "$i18n/i18n-svelte";
- import {Alert, Input, Button} from "$components";
- import type {PageServerData} from "./$types";
- import {goto} from "$app/navigation";
- import {SignInPageMessage, signInPageMessageQueryKey} from "$routes/(main)/(public)/sign-in";
- import {PasswordResetService} from "$services/password-reset-service";
+ import { Alert, Input, Button } from "$components";
+ import type { PageServerData } from "./$types";
+ import { goto } from "$app/navigation";
+ import { SignInPageMessage, signInPageMessageQueryKey } from "$routes/(main)/(public)/sign-in";
+ import { PasswordResetService } from "$services/password-reset-service";
export let data: PageServerData;
- const passwordResets = new PasswordResetService();
+ const passwordResetService = PasswordResetService.resolve();
+
const formData = {
newPassword: {
value: "",
@@ -24,7 +25,7 @@
async function submitFormAsync() {
if (!canSubmit) return;
loading = true;
- const request = await passwordResets.fulfill_request_async(data.resetRequestId, formData.newPassword.value);
+ const request = await passwordResetService.fulfill_request_async(data.resetRequestId, formData.newPassword.value);
if (request.isFulfilled) {
goto("/sign-in?" + signInPageMessageQueryKey + "=" + SignInPageMessage.AFTER_PASSWORD_RESET);
} else if (request.knownProblem) {
@@ -33,7 +34,7 @@
}
onMount(async () => {
- const response = await passwordResets.request_is_valid_async(data.resetRequestId);
+ const response = await passwordResetService.request_is_valid_async(data.resetRequestId);
requestIsInvalid = !response.isValid;
finishedPreliminaryLoading = true;
});
@@ -57,19 +58,21 @@
<div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
<form class="space-y-6" on:submit|preventDefault={submitFormAsync}>
{#if requestIsInvalid}
- <Alert title={$LL.resetPasswordPage.invalidRequestTitle()}
- message={$LL.resetPasswordPage.invalidRequestMessage()}/>
+ <Alert
+ title={$LL.resetPasswordPage.invalidRequestTitle()}
+ message={$LL.resetPasswordPage.invalidRequestMessage()}
+ />
{/if}
<Input
- id="password"
- name="password"
- type="password"
- autocomplete="new-password"
- required
- bind:value={formData.newPassword.value}
- label={$LL.resetPasswordPage.newPassword()}
+ id="password"
+ name="password"
+ type="password"
+ autocomplete="new-password"
+ required
+ bind:value={formData.newPassword.value}
+ label={$LL.resetPasswordPage.newPassword()}
/>
- <Button text={$LL.submit()} type="submit" {loading} fullWidth/>
+ <Button text={$LL.submit()} type="submit" {loading} fullWidth />
</form>
</div>
</div>